<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<link rel="stylesheet" type="text/css"
	href="https://res.wx.qq.com/mpres/htmledition/style/page/page_login_old1fcd41.css" />
<link rel="stylesheet" type="text/css"
	href="https://res.wx.qq.com/mpres/htmledition/style/icon/icon1ec663.css" />
<!--[if IE]>    <link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/mpres/htmledition/style/wxm_ie1ec663.css"/>  <![endif]-->
<title>公众平台登录</title>
<script type="text/javascript">
	window.loadStartTime = +new Date();
</script>
</head>
<body>
	<div id="header">
		<div class="wrapper">
			<a href="/" class="dib"><img
				src="https://res.wx.qq.com/mpres/htmledition/images/bg/bg_logo1e7c60.png" /></a>
			<span class="hd_login_info"> <span>第一次使用公众平台？</span><a
				href="/cgi-bin/readtemplate?t=register/step1_tmpl&lang=zh_CN">立即注册</a>
			</span>
		</div>
	</div>
	<div id="banner">
		<div class="wrapper">
			<div class="login-panel">
				<h3>登录</h3>
				<div class="login-mod">
					<div class="login-err-panel dn" id="err_area">
						<span class="vm" id="err_tips"></span>
					</div>
					<form class="login-form" id="login-form">
						<div class="login-un">
							<span class="icon-wrapper"><i class="icon_login un"></i></span> <input
								type="text" id="account" placeholder="邮箱/微信号/QQ号" />
						</div>
						<div class="login-pwd">
							<span class="icon-wrapper"><i class="icon_login pwd"></i></span>
							<input type="password" id="password" placeholder="密码" />
						</div>
					</form>
					<div class="login-code-panel dn" id="verify_area">
						<input type="text" id="verify" /> <span class="icon-wrapper"><img
							id="imgVerify" src="" /></span> <a class="login-change-code"
							href="javascript:;" id="changeimg_link">换一张</a>
					</div>
					<div class="login-help-panel">
						<a id="rememberPwd" class="login-remember-pwd" href="javascript:;"><i
							id="rememberPwdIcon" class="icon_login checkbox checkbox_checked"></i>记住帐号</a>
						<a class="login-forget-pwd"
							href="/cgi-bin/readtemplate?t=home/find_pwd_tmpl&lang=zh_CN">无法登录？</a>
					</div>
					<div class="login-btn-panel">
						<a class="login-btn" title="点击登录" href="javascript:;"
							id="login_button">登录</a>
					</div>
				</div>
			</div>
			<dl class="qrcode-panel" style="font-size: 12px">
				<dt>
					<img
						src="https://res.wx.qq.com/mpres/htmledition/images/mp_qrcode1e7d69.gif" />
				</dt>
				<dd>
					扫描并关注<br />微信公众平台
				</dd>
			</dl>
		</div>
	</div>
	<div id="contain">
		<div class="wrapper">
			<div class="simple_box mp_index">
				<dt>
					<i class="icon_login speaker"></i>系统公告
				</dt>
				<dd>
					<i>●</i> <a
						href="/cgi-bin/readtemplate?t=news/note_device_func_tmpl&lang=zh_CN"
						target="_blank"> 微信公众平台开放设备接入能力<span class="label_new"><img
							src="/htmledition/images/new/icon_new.png"></span>
					</a>
				</dd>
				<dd>
					<i>●</i> <a
						href="/cgi-bin/readtemplate?t=news/note_tmplmsg_tmpl&lang=zh_CN"
						target="_blank"> 公众平台开放模板消息，增加业务通知能力<span class="label_new"><img
							src="/htmledition/images/new/icon_new.png"></span>
					</a>
				</dd>
				<dd class="extra">
					<a href="/cgi-bin/readtemplate?t=home/news-list_tmpl&lang=zh_CN"
						target="_blank"> 查看更多<i class="icon_login arrow"></i>
					</a>
				</dd>
			</div>
			<div class="mp_kind_mod">
				<div class="mp_kind_mod_hd">
					<h3>帐号分类</h3>
				</div>
				<div class="mp_kind_mod_bd group">
					<div class="mp_kind_wrp">
						<dl class="mp_kind no_extra">
							<dt class="name">服务号</dt>
							<dd>给企业和组织提供更强大的业务服务与用户管理能力，帮助企业快速实现全新的公众号服务平台。</dd>
							<dd class="icon_login mp_kind mp_service"></dd>
						</dl>
					</div>
					<div class="mp_kind_wrp">
						<dl class="mp_kind">
							<dt class="name">订阅号</dt>
							<dd>为媒体和个人提供一种新的信息传播方式，构建与读者之间更好的沟通与管理模式。</dd>
							<dd class="icon_login mp_kind mp_subscribe"></dd>
						</dl>
					</div>
				</div>
			</div>
			<div class="mp_case_mod">
				<div class="mp_case_mod_hd">
					<h3 class="mp_case_mod_t">成功案例</h3>
				</div>
				<div class="mp_case_mod_bd">
					<ul class="mp_case_list">
						<li class="mp_case_item" name="zshyh" id="case_0"><span
							class="icon_wrapper"><i class="icon_mp_case zshyh"></i></span>
							<h4 class="mp_case_t"></h4></li>
						<li class="mp_case_item" name="nfhk" id="case_1"><span
							class="icon_wrapper"><i class="icon_mp_case nfhk"></i></span>
							<h4 class="mp_case_t"></h4></li>
						<li class="mp_case_item" name="gdlt" id="case_2"><span
							class="icon_wrapper"><i class="icon_mp_case gdlt"></i></span>
							<h4 class="mp_case_t"></h4></li>
						<li class="mp_case_item" name="ysxw" id="case_3"><span
							class="icon_wrapper"><i class="icon_mp_case ysxw"></i></span>
							<h4 class="mp_case_t"></h4></li>
						<li class="mp_case_item" name="police" id="case_4"><span
							class="icon_wrapper"><i class="icon_mp_case police"></i></span>
							<h4 class="mp_case_t"></h4></li>
						<li class="mp_case_item" name="hwzncd" id="case_5"
							style="margin-right: 0px;"><span class="icon_wrapper"><i
								class="icon_mp_case hwzncd"></i></span>
							<h4 class="mp_case_t"></h4></li>
					</ul>
					<div class="default_wrapper mp_case_desc group">
						<div class="mp_case_desc_c">
							<img id="case_img_left"
								src="https://res.wx.qq.com/mpres/htmledition/images/pic/case-detail/zshyh_l1eb8ba.jpg"
								alt="" class="mp_case_desc_img"> <img id="case_img_right"
								src="https://res.wx.qq.com/mpres/htmledition/images/pic/case-detail/zshyh_r1eb8ba.jpg"
								alt="" class="mp_case_desc_img extra">
							<p class="mp_case_desc_text">
								<span id="case_title"></span> <br /> <span
									class="case_desc_intro" id="case_desc"></span>
							</p>
						</div>
						<span class="arrow" id="case_arrow"><i class="arrow_out"></i><i
							class="arrow_in"></i></span>
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>
	<div id="footer">
		<span> <a target="_blank"
			href="http://www.tencent.com/zh-cn/index.shtml">关于腾讯</a>&nbsp;|&nbsp;
			<a target="_blank"
			href="/cgi-bin/readtemplate?t=home/agreement_tmpl&type=info&lang=zh_CN">服务协议</a>&nbsp;|&nbsp;
			<a
			href="/cgi-bin/readtemplate?t=business/faq_operation_tmpl&type=info&lang=zh_CN&token="
			target="_blank">运营规范</a> &nbsp;|&nbsp;<a target="_blank"
			href="http://kf.qq.com/product/weixinmp.html">客服中心</a>&nbsp;|&nbsp; <a
			href="http://crm2.qq.com/page/portalpage/wpa.php?uin=40012345&f=1&ty=1&ap=000011:400792:|m:12|f:400792:m:12"
			target="_blank">在线客服</a>&nbsp;|&nbsp; <a target="_blank"
			href="mailto:weixinmp@qq.com">联系邮箱</a>&nbsp;|&nbsp; <a
			target="_blank"
			href="/cgi-bin/readtemplate?t=home/infringement_tmpl&lang=zh_CN">侵权投诉</a>
		</span> <span>Copyright&nbsp;© 2012-2014 Tencent. All Rights Reserved.</span>
	</div>
	<script type="text/javascript"
		src="https://res.wx.qq.com/mpres/zh_CN/htmledition/js/jquery-1.7.2.min1ec5f7.js"></script>
	<script type="text/javascript"
		src="https://res.wx.qq.com/mpres/zh_CN/htmledition/js/biz_common/jquery.md51ec5f7.js"></script>
	<script type="text/javascript"
		src="https://res.wx.qq.com/mpres/zh_CN/htmledition/js/wxm2-loginform1ec5f7.js"></script>
	<script type="text/javascript"
		src="https://res.wx.qq.com/mpres/zh_CN/htmledition/js/wxm-core1ec5f7.js"></script>
	<script type="text/javascript">
		(function(jQ) {
			var loginForm = jQ("#login-form"), account$ = jQ("#account");

			var cookie_acct = WXM.Helpers.getCookie("remember_acct");
			if (cookie_acct === undefined) {
				jQ("#rememberPwdIcon").removeClass("checkbox_checked");
			} else if (cookie_acct.length) {
				account$.attr("value", WXM.Helpers.getCookie("remember_acct"));
			}

			account$.focus(function() {
				loginForm.addClass("login_on_un");
			}).blur(function() {
				loginForm.removeClass("login_on_un");
			});
			jQ("#password").focus(function() {
				loginForm.addClass("login_on_pwd");
			}).blur(function() {
				loginForm.removeClass("login_on_pwd");
			});
			jQ("#rememberPwd").click(function() {
				var icon = jQ("#rememberPwdIcon");
				if (icon.hasClass("checkbox_checked")) {
					icon.removeClass("checkbox_checked");
				} else {
					icon.addClass("checkbox_checked");
				}
			});

			var _loginForm = createLoginForm({
				target : '#login-form', //'<div></div>'
				//html     : '<Above>',

				selector : {
					account : '#account',
					name : '#name',
					password : '#password',
					verify : '#verify',
					verifyArea : '#verify_area',
					verifyImg : '#imgVerify',
					changeImgLink : '#changeimg_link',
					loginBtn : '#login_button',
					rememberAcct : '#rememberPwdIcon',
					errorArea : '#err_area',
					error : '#err_tips'
				}

			});

			WXM.Event.notify('WXM:init:finish');
			setTimeout(function() {
				account$.focus();
			}, 10);
		})(jQuery);
	</script>
	<script type="text/javascript">
		/*window.onload = function(){
		    var img = new Image();
		    img.src = "http://isdspeed.qq.com/cgi-bin/r.cgi?flag1=7839&flag2=4&flag3=1&1=" + (+new Date() - loadStartTime);
		};*/
		//ie6拦截
		/*
		if(/msie 6/i.test(navigator.userAgent)){
		       window.location='/cgi-bin/readtemplate?t=err/noie6_tmpl';
		       //return;
		   }
		 */
		if (location.host.indexOf("dev") < 0) {
			if (location.protocol.indexOf("https") < 0) {
				location.href = location.href.replace(/http/i, "https");
			}
		}

		var case_tips_len = 6;
		var case_tips = {
			'zshyh' : {
				'title' : '招行信用卡',
				'desc' : '服务号 -- 如果你是持卡人，可快捷查询信用卡账单、额度及积分；快速还款、申请账单分期；微信转接人工服务；信用卡消费，微信免费笔笔提醒。如果不是持卡人，可以微信办卡！'
			},
			'gdlt' : {
				'title' : '广东联通',
				'desc' : '服务号 -- 你可以在微信里绑定手机号、积分流量，套餐余量、手机上网流量，微信专属流量查询，客服咨询。'
			},
			'nfhk' : {
				'title' : '南方航空',
				'desc' : '服务号 -- 你可以办理值机手续，挑选座位，查询航班信息，查询目的地城市天气，并为明珠会员提供专业的服务。'
			},
			'ysxw' : {
				'title' : '央视新闻',
				'desc' : '订阅号 -- 中央电视台新闻中心官方公众帐号，负责央视新闻频道、综合频道、中文国际频道的资讯及新闻性专栏节目以及英语新闻频道、西班牙语、法语等频道的采制、编播。 '
			},
			'police' : {
				'title' : '广州公安',
				'desc' : '服务号 -- 广州公安微信平台为您提供最新最快警务资讯、办事指南，您可在此查询交通违法信息、业务办理进度、路况动态资讯，预约出入境和户政业务办理，还可直接办理往来港澳通行证再次签注。 '
			},
			'hwzncd' : {
				'title' : '华为智能穿戴',
				'desc' : '服务号—华为荣耀手环 能通话的健康手环！全球首创蓝牙耳机与运动手环的完美结合。荣耀手环不仅可以进行步数统计、卡路里计算、自动睡眠监测、久坐提醒，更能通过微信读取手环运动数据,与好友一起刷运动排行榜；独创的分离式设计，取下耳机部分即可接听电话。想了解华为在可穿戴设备领域的最新进展和产品，欢迎您关注“华为智能穿戴”！'
			}
		};

		(function(jQ) {
			jQ(".mp_case_item").hover(function() {
				var id = jQ(this).attr("id");
				show_case(id);
			}, function() {
				jQ(this).removeClass("on");
			});

			var idx = 0, play = timer = null;
			function show_case(case_id) {
				jQ(".on").removeClass("on");
				var _this = jQ("#" + case_id);
				_this.find(".icon_mp_case").addClass("on");

				/*
				    if( timer != null )
				{
				  clearInterval( timer );
				  timer = null;
				}
				 */
				var alpha = 0;
				var path = jQ("#case_img_left").attr("src"), prefix = path
						.substr(0, path.lastIndexOf('/') + 1), name = _this
						.attr('name');
				jQ("#case_img_left").attr("src", prefix + name + '_l.jpg');
				jQ("#case_img_right").attr("src", prefix + name + '_r.jpg');
				jQ("#case_arrow").css(
						"left",
						_this.position().left
								+ jQ(".icon_mp_case:first").width() / 2);
				jQ("#case_title").text(case_tips[name]['title']);
				jQ("#case_desc").text(case_tips[name]['desc']);
				idx = parseInt(case_id.split('_')[1]);

				/*
				timer = setInterval( function(){
				  alpha += 25;
				  alpha > 100 && ( alpha = 100 );
				  jQ(".mp_case_desc_c").css( "opacity", alpha / 100 );
				  jQ(".mp_case_desc_c").css( "filter", "alpha(opacity = " + alpha + ")" );
				  alpha == 100 && clearInterval( timer );
				}, 20 );
				 */
			}
			;

			function auto_play() {
				play = setInterval(function() {
					++idx;
					idx >= case_tips_len && (idx = 0);
					show_case('case_' + idx);
				}, 1500);
			}
			;

			jQ(".mp_case_mod_bd").hover(function() {
				clearInterval(play);
				play = null;
			}, function() {
				if (play != null) {
					clearInterval(play);
				}
				auto_play();
			});

			(function _init() {
				jQ(".mp_case_item").each(
						function() {
							jQ(this).find('.mp_case_t').text(
									case_tips[jQ(this).attr('name')]['title']);
						});
				jQ("#case_title").text(case_tips['zshyh']['title']);
				jQ("#case_desc").text(case_tips['zshyh']['desc']);
				if (WXM.Helpers.getCookie("remember_acct")) {
					jQ("#account").attr("value",
							WXM.Helpers.getCookie("remember_acct"));
				}
				;
				show_case('case_' + 0);
				auto_play();

			})();
		})(jQuery);
	</script>
</body>
</html>